<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="ie=edge" http-equiv="x-ua-compatible">
    <title>系统管理</title>
    <meta content="Neat" name="description">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport" user-scalable="no">
    <link href="../css/style.css" rel="stylesheet">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/style.js"></script>
</head>
<body>
<header class="header">
    <div class="burger">
        <div class="burger-patty"></div>
        <div class="burger-patty"></div>
        <div class="burger-patty"></div>
    </div>

    <nav class="menu">
        <div class="menu-banner">
            <a href="javascript:void(0)">
                <div class="logo">
                    <img alt="" src="../img/1.jpg">
                </div>
            </a>
        </div>
        <ul class="menu-list">
            <li class="menu-item" style="--i:0;">
                <a href="">首页</a>
            </li>
            <li class="menu-item" style="--i:1;">
                <a href="">用户管理</a>
            </li>
            <li class="menu-item" style="--i:2;">
                <a href="">角色管理</a>
            </li>
            <li class="menu-item" style="--i:3;">
                <a href="">文章管理</a>
            </li>
            <li class="menu-item" style="--i:4;">
                <a href="">文章类型管理</a>
            </li>
            <li class="menu-item" style="--i:5;">
                <a href="">联系我们</a>
            </li>
        </ul>
    </nav>
</header>
<main>
    <div>

    </div>
</main>
</body>
<script type="text/javascript">
    new Action({});
</script>
</html>
